<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css">
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
<link rel="stylesheet" href="jquery.mobile-1.1.0.custom.css?" />
<link rel="stylesheet" href="jquery.mobile.theme.overrides.css" />
</head>
<body>

<div id="Domo" data-url="Domo" data-role="page" data-theme="e">
<div data-role="header" data-theme="e" data-position="fixed">
<h1>IOS Raspi</h1>
<div data-role="navbar">
<ul>
<li><a id="Domo" class="Domo" href="#Domo" data-theme="e">Domo</a></li>
<li><a id="Light" class="Light" href="#Light" data-theme="e">Light</a></li>
<li><a id="Funky" class="Funky" href="#Funky" data-theme="e">Funky</a></li>
<li><a id="Admin" class="Admin" href="#Admin" data-theme="e">Admin</a></li>
</ul>
</div>

</div>

<div data-role="content">
<div data-role="fieldcontain">
<label for="txt_tw25">Temp °C</label>
<textarea name="Temperature" id="txt_tw25" rows="" cols=""></textarea>
</div>

</div>

<div data-role="footer" data-position="fixed">
<h1>TRSE - DOmotique property Ingesup group all right reserved at DIOP V</h1>
</div>
</div>

<div id="Light" data-url="Light" data-role="page" data-theme="b">
<div data-role="header" data-theme="a" data-position="fixed">
<h1>Control Light</h1>
<div data-role="navbar">
<ul>
<li><a id="Domo" class="Domo" href="#Domo" data-theme="a">Domo</a></li>
<li><a id="Light" class="Light" href="#Light" data-theme="a">Light</a></li>
<li><a id="Funky" class="Funky" href="#Funky" data-theme="a">Funky</a></li>
<li><a id="Admin" class="Admin" href="#Admin" data-theme="a">Admin</a></li>
</ul>
</div>

</div>

<div data-role="content">
<div data-role="fieldcontain">
<label for="rng_tw28">Varia</label>
<input type="range" name="Varia1" id="rng_tw28" value="1" min="1" max="255"  data-mini="true"/>
</div>
<div data-role="fieldcontain">
<label for="sel_tw31">L_Back</label>
<select name="Lampe Back" id="sel_tw31" data-native-menu="false" data-mini="true">
<option value="11">Lampe G</option><option value="12">Lampe D</option></select>
</div>
<div data-role="fieldcontain">
<label for="rng_tw29">Varia2</label>
<input type="range" name="Varia2" id="rng_tw29" value="1" min="1" max="255"  data-theme="a" data-mini="true"/>
</div>
<div data-role="fieldcontain">
<label for="sel_tw30">L_Front</label>
<select name="sel_tw30" id="sel_tw30" data-theme="a" data-mini="true">
<option value="21">Lampe G</option><option value="22">Lampe D</option></select>
</div>

</div>

<div data-role="footer" data-position="fixed">
<h1>TRSE - DOmotique property Ingesup group all right reserved at DIOP V</h1>
</div>
</div>

<div id="Funky" data-url="Funky" data-role="page" data-theme="b">
<div data-role="header" data-theme="b">
<h1>Control Song</h1>
<div data-role="navbar">
<ul>
<li><a id="Domo" class="Domo" href="Domo" data-theme="b">Domo</a></li>
<li><a id="Light" class="Light" href="#Light" data-theme="b">Light</a></li>
<li><a id="Funky" class="Funky" href="#Funky" data-theme="b">Funky</a></li>
<li><a id="Admin" class="Admin" href="#Admin" data-theme="b">Admin</a></li>
</ul>
</div>

</div>

<div data-role="content">
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<legend>Where SOund bounce</legend>
<input id="cbx_tw34_1" type="checkbox" name="cbx_tw34" value="AGORA ALL" data-theme="c"/><label for="cbx_tw34_1">AGORA ALL</label><input id="cbx_tw34_2" type="checkbox" name="cbx_tw34" value="Agora back" data-theme="c"/><label for="cbx_tw34_2">Agora back</label><input id="cbx_tw34_3" type="checkbox" name="cbx_tw34" value="Agora front" data-theme="c"/><label for="cbx_tw34_3">Agora front</label><input id="cbx_tw34_4" type="checkbox" name="cbx_tw34" value="BDE" data-theme="c"/><label for="cbx_tw34_4">BDE</label><input id="cbx_tw34_5" type="checkbox" name="cbx_tw34" value="Amphi" data-theme="c"/><label for="cbx_tw34_5">Amphi</label>
</fieldset>
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<legend>Config</legend>
<input id="cbx_tw35_1" type="checkbox" name="cbx_tw35" value="BASS BOOST" data-theme="d"/><label for="cbx_tw35_1">BASS BOOST</label><input id="cbx_tw35_2" type="checkbox" name="cbx_tw35" value="Tremble BOOST" data-theme="d"/><label for="cbx_tw35_2">Tremble BOOST</label><input id="cbx_tw35_3" type="checkbox" name="cbx_tw35" value="ALL BOOST" data-theme="d"/><label for="cbx_tw35_3">ALL BOOST</label><input id="cbx_tw35_4" type="checkbox" name="cbx_tw35" value="KILLER" data-theme="d"/><label for="cbx_tw35_4">KILLER</label>
</fieldset>
</div>

</div>

<div data-role="footer" data-theme="a" data-position="fixed">
<h1>TRSE - DOmotique property Ingesup group all right reserved at DIOP V</h1>
</div>
</div>

<div id="Admin" data-url="Admin" data-role="page" data-theme="a">
<div data-role="header" data-theme="a">
<h1>Root</h1>
<div data-role="navbar">
<ul>
<li><a id="Domo" class="Domo" href="Domo" data-theme="a">Domo</a></li>
<li><a id="Light" class="Light" href="#Light" data-theme="a">Light</a></li>
<li><a id="Funky" class="Funky" href="#Funky" data-theme="a">Funky</a></li>
<li><a id="Admin" class="Admin" href="#Admin" data-theme="a">Admin</a></li>
</ul>
</div>

</div>

<div data-role="content">
<span id="Fake" class="Fake"><strong style="font-family: serif;">NOThing HERE just Fake Page </strong><strong style="font-size: 16px;"><h5><h2><span style="color: #ff0000;">lo<span style="color: #00bf00;">o</span>l</span></h2></h5></strong></span>

</div></div>

</body>
</html>
